<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/page/common/public.jspf"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="${skin}/v1.min.css?v=${v}" />
<link rel="stylesheet" type="text/css" href="${skin}/index.css?v=${v}" />

<link rel="stylesheet" type="text/css"
	href="//assets7.ncfstatic.com/v1/css/user.css?v=201510161044" />
<link href="//assets6.ncfstatic.com/v1/css/yaoqingma.css?v=201510161044"
	rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css"
	href="//assets8.ncfstatic.com/v1/css/user_v2.css?v=201510161044" />
<link rel="stylesheet" type="text/css"
	href="http://assets5.ncfstatic.com/v1/css/user_share.css?v=201510161044" />

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script type="text/javascript"
	src="${path }/js/jquery1.10.2.min.js?v=${v}"></script>
<title>${configUtil.sitename}-我的邀请码</title>
</head>

<body>
	<!-- head -->
	<c:import url="../../include/top.jsp"></c:import>

	<div class="wrap">
		<div class="blank"></div>
		<div class="user_nav f_l mr5">
			<c:import url="../left.jsp"></c:import>
		</div>
		<div class="user_right f_l">
			<!--private js&css start-->

			<div class='user_right f_l'>
				<div class="user_right_box  mb10 pb15">
					<div class="user_title">
						<h1>
							<i class="ico_yaoqing"></i>我的邀请码
						</h1>
					</div>
					<div class="youhui">
						<!-- <div class="icon_yh"></div>-->

						<!--<p>您的邀请码总利率合计是0.20%

                <p>-->
						<p style="margin: 10px 0px 0px 0px;">
							<span style="font-size: 16px; color: #ff6600;">新手礼包3.1再升级
								和好朋友一起来赚钱</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;"><b>奖励一：邀请好友注册</b></span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">1、即日起成功邀请好友注册，好友可获5元投资红包！</span>
						</p>
						<p></p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">2、好友成功<span
								style="color: #ff6600;">投资</span>，您可获得5元投资红包，不限邀请人数！
							</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;"><b>奖励二：邀请好友首次投资（邀请人1天内最多可获得3个投资奖励红包，若好友投资通知贷则算赎回日时间）</b></span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">1、满100元，邀请人得20元投资红包，好友得30元投资红包；</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">2、满500元，邀请人得40元投资红包，好友得60元投资红包；</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">3、满5,000元，邀请人得80元投资红包，好友得100元投资红包；</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">4、满10,000元，邀请人得100元投资红包，好友得150元投资红包！</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">5、好友使用您的邀请码投资，您还有返利。投资越多返利越高！（投资项目满标并成功放款，返利将在15天内进入双方本站账户）</span>
						</p>
						<p>
							<span style="font-size: 12px; color: #5c585a;">6、投资过两次（含以上）P2P理财产品（非私募和基金）的老用户才有邀请资格；</span>
						</p>

						<div class="cou_t_div">
							<table width="100%" class="cou_tab">
								<colgroup>
									<col width="130">
									<!--<col width="110">-->
									<col width="110">
									<col width="460">
								</colgroup>
								<thead>
									<tr>
										<td>
											<div class="tl">邀请码</div>
										</td>
										<!--<td>投资人返利</td>-->
										<td>您的返利</td>
										<td>链接</td>
									</tr>
								</thead>
								<tr>
									<td><strong class="color-red1 f16 fw">${recommendCode}</strong></td>
									<!--<td>0.10%</td>-->
									<td>0.10%</td>
									<td>
										<div class="copy_link">
											<span class="link_box"><m:xml key="page.website"></m:xml>/?un=${recommendCode}</span>
											<input type="hidden" value="http://www.mhp2p.com/register?un=AloneAli" id="spread_link">
										</div>
									</td>
								</tr>
							</table>
						</div>
						<div class="p_user_share clearfix">
							<div class="share_jt fl">
								<div class="t">
									<span>方式一：</span> 通过社交平台邀请
								</div>
								<div class="jiathis_style_32x32 clearfix">
									<a class="jiathis_button_weixin"></a> <a
										class="jiathis_button_tsina"></a> <a
										class="jiathis_button_qzone"></a> <a
										class="jiathis_button_renren"></a> <a
										class="jiathis_button_tqq"></a> <a
										href="http://www.jiathis.com/share"
										class="jiathis jiathis_txt jtico jtico_jiathis"
										target="_blank"></a>
								</div>
							</div>
							<div class="share_copy fr">
								<div class="t">
									<span>方式二：</span> 发送邀请链接给好友
								</div>
								<a class="share_copy_btn link_but" href="javascript:void(0)"
									data-clipboard-target="il_text" data-clipboard-text="" id="d_clip_button">点击复制链接</a>
							</div>
						</div>
						<script>
							var jiathis_config = {
								boldNum : 0,
								showClose : false,
								url : "http://www.mhp2p.com/?cn=FJMC53",
								summary : '高额年化浓情甜蜜，福利味道飘香四溢，网信理财投资神器一出，收益Duang地一下就上去！让你一开始就无法拒绝。以“利”会友的时代，分享财富喜悦，傲娇的做个投资小达人吧！填我的邀请码FJMC53，还有额外返利赠与你哦！http://www.mhp2p.com?cn=FJMC53'
							}
						</script>
						<script type="text/javascript"
							src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
					</div>
				</div>
				<div class="user_right_box  mb10 pb20">
					<div class="user_title">
						<h1>
							<i class="ico_yaoqing"></i>示例
						</h1>
					</div>
					<table class="yqjilu" height="226" width="665">
						<colgroup>
							<col width="100" />
							<col width="150" />
							<col width="100" />
							<col width="120" />
							<col width="80" />
						</colgroup>
						<thead>
							<tr>
								<th>单笔投资金额</th>
								<td>年化返利利率</td>
								<td>投资期限</td>
								<td>公式</td>
								<td>返利</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th>100万元</th>
								<td>0.1%</td>
								<td>12个月</td>
								<td>1000000*0.1%</td>
								<td>1000元</td>
							</tr>
							<tr class="tr_bg">
								<th>100万元</th>
								<td>0.1%</td>
								<td>9个月</td>
								<td>1000000*0.1%/12*9</td>
								<td>750元</td>
							</tr>
							<tr>
								<th>100万元</th>
								<td>0.1%</td>
								<td>6个月</td>
								<td>1000000*0.1%/12*6</td>
								<td>500元</td>
							</tr>
							<tr class="tr_bg">
								<th>100万元</th>
								<td>0.1%</td>
								<td>3个月</td>
								<td>1000000*0.1%/12*3</td>
								<td><p>250元</p></td>
							</tr>
						</tbody>
					</table>

				</div>
				<div class="user_right_box  mb10 pb20">
					<div class="user_title">
						<h1>
							<i class="ico_yaoqing"></i>邀请记录<span class="f16 pl10">(<span>您已累计邀请&nbsp;0</span>
								人， 获得返利 <em class="color-yellow1">0.00</em> 元， 待返金额 <em
								class="yanzheng">0.00</em> 元)
							</span>
						</h1>
					</div>
					<!-- 查询 -->
					<div class="invite_search">
						<form id="ss_form" type="get" action="/account/coupon">
							<div class="clearfix">
								<div class="ss_tit">返利类型</div>
								<div class="ui_select_box" data-name="type" id=""
									style="z-index: 11">
									<div class="j_select"></div>
									<ul class="select_ul none j_selectContent">
										<li data-value="0" data-select=true>全部</li>
										<li data-value="1">邀请注册</li>
										<li data-value="2">邀请投资</li>
									</ul>
								</div>
								<div class="ss_tit">查询</div>
								<input name="content" type="text"
									class="ipt_txt int_placeholder" id="" placeholder="手机号/姓名"
									data-placeholder="手机号/姓名" value=""> <input
									type="submit" id="action_send_code" class="btn_red_h36"
									value="确认"> <a href="javascript:void(0)"
									class="ss_clear" id="ss_clear" style="display: none;">清除条件</a>
							</div>
						</form>
						<div class="ss_error color-red" style="display: none">手机号/姓名格式不正确！</div>
					</div>
					<!-- //查询 -->
					<table class="yqjilu">
						<colgroup>
							<col width="97">
							<col width="115">
							<col width="170">
							<col width="110">
							<col width="120">
							<col width="165">
						</colgroup>
						<thead>
							<tr>
								<td></td>
								<td><div class="tl">被邀请人</div></td>
								<td><div class="tl">邀请码</div></td>
								<td>状态</td>
								<td>返利时间</td>
								<td><div class="pr5">备注</div></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td colspan="5">暂无记录</td>
							</tr>
						</tbody>
					</table>
					<div class="pages pr30"></div>
					<p class="yq_tip pl30">北京东方联合投资管理有限公司保留对本活动的最终解释权。</p>
				</div>

				<script type="text/javascript">
					$(function() {
						ZeroClipboard.setMoviePath("ZeroClipboard.swf");
						var clip = new ZeroClipboard.Client();
						clip.setHandCursor(true);
						clip.addEventListener("mouseUp", function(client) {
							alert("复制链接成功！");
						});
						clip.setText($("#spread_link").val());
						clip.glue('d_clip_button');
					});
				</script>
				<script>
					(function($) {
						$(function() {
							$(".select_ul>li").bind(
									"click",
									function() {
										if ($(this).text() != "全部"
												|| $ipt_txt.val() != "") {
											$("#ss_clear").show();
										} else {
											$("#ss_clear").hide();
										}
									})
							var $ipt_txt = $(".invite_search .ipt_txt"), userVerify = "", errorSpan = $(".ss_error"), loadurl = window.location.href, _set = function(
									msg) {
								errorSpan.css("display", "block");
								errorSpan.html(msg);

							}, _reset = function() {
								errorSpan.css("display", "none");

							}, setpro = function() {
								userVal = $.trim($ipt_txt.val());
								userVerify = (userVal == "")
										|| /^[\u0391-\uFFE5]{2,12}$|^1[3|4|5|7|8][0-9]\d{8}$/
												.test(userVal);
								$ipt_txt.val(userVal);

								if ($(".invite_search .j_select").text() != "全部"
										|| $ipt_txt.val() != "") {

									$("#ss_clear").show();
								} else {
									$("#ss_clear").hide();
								}
							};
							$("#ss_clear").click(function() {
								$ipt_txt.val("");
								$(".invite_search .j_select").text("全部");
								var pos = loadurl.indexOf("?");
								if (pos != -1) {
									loadurl = loadurl.substring(0, pos);
								}
								window.location.replace(loadurl);
							});
							$ipt_txt.blur(function() {
								setpro();
								if (!userVerify) {
									$("#ss_result").hide();
									_set("手机号/姓名格式不正确！");
								} else {
									_reset();
								}
							});
							$("#ss_form").submit(function() {
								setpro();
								if (!userVerify) {
									return false;
								} else {
									return true;
								}
							});

							//下拉菜单
							$(".j_select").css({
								"color" : "#333",
								"font-size" : "14px"
							});
							$(".ui_select_box").select();
							//IE9以下浏览器不支持placeholder   
							$(".int_placeholder")
									.each(
											function() {
												var p_text = $(this).attr(
														"data-placeholder");
												new Firstp2p.placeholder(
														this,
														{
															placeholder_text : p_text == null ? "请输入"
																	: p_text
														});
											});
						});
					})(jQuery);
				</script>

				<script>
					var num = $('.link_but');
					$(function() {
						var share_copy_link = $('.cou_t_div tbody tr').eq(0)
								.find('.link_box').html();
						$('.p_user_share .share_copy_btn').attr(
								'data-clipboard-text', share_copy_link);

						for (var i = 0; i < num.length; i++) {
							copyUrl("copy-button" + i, i);
						}
					})
					function copyUrl(div_id, i) {
						num[i].id = div_id;
						var clip = new ZeroClipboard(
								document.getElementById(div_id),
								{
									moviePath : "/static/v1/js/vendor/ZeroClipboard.swf",
									trustedDomains : [ '*' ],
									allowScriptAccess : "always"
								});

						clip.on("load", function(client) {
							client.on("complete", function(client, args) {
								$.showErr("邀请链接已复制到剪切板", "", "提示")
							});
						});
					}
				</script>



			</div>
		</div>

		<div class="blank"></div>

	</div>

	<c:import url="../../include/foot.jsp"></c:import>
</body>
</html>